<template>
  <div class="children-page">
    <a-layout>
      <a-layout-content>
        <!-- <CommonCard>
        </CommonCard> -->
        <RouterView></RouterView>
      </a-layout-content>
    </a-layout>
  </div>
</template>

<script setup lang="ts">
import { defineComponent, ref, watch } from 'vue';
import type { MenuProps } from 'ant-design-vue';
import { MailOutlined, QqOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons-vue';
import CommonCard from '@/components/card/CommonCard.vue';

import menuData from './base-menu';
import EslintBuildMd from '@/markdown/project/eslint-build.md';
import { RouterView, useRoute, useRouter } from 'vue-router';

const router = useRouter();
const selectedKeys = ref<string[]>(['1']);
const openKeys = ref<string[]>(['sub1']);
const handleClick = (e: any) => {
  if (e.path) {
    router.push(e.path);
  }
};
const titleClick = (e: Event) => {
  console.log('titleClick', e);
};
watch(openKeys, (val) => {
  console.log('openKeys', val);
});
</script>
<style lang="scss" scoped></style>
